<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>个人中心</title>
    <link href="<%=path%>/heatconfig/css/mui.min.css" rel="stylesheet" />
    <link href="<%=path%>/heatconfig/css/build.css" rel="stylesheet" type="text/css" />
    <script src="<%=path%>/heatconfig/js/mui.min.js"></script>
</head>
<style>
    .mui-table-view user_sub_list{
        border:1px #222222 solid;
    }
</style>
<body>
<div class="mui-content">
    <div class="mui-control-content mui-active">
        <!-- 头部背景图  start -->
        <div class="banner-content">
            <div class="user_name">
                <div class="head"><img src="<%=path%>/heatconfig/images/default.jpg" /></div>
                <div class="name">万码it</div>
            </div>
            <div><img src="<%=path%>/heatconfig/images/user_bg.jpg" width="100%" /></div>
        </div>
        <!-- 头部背景图  end -->
        <!-- 菜单列表 star-->
        <ul class="mui-table-view user_menu_list">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="#"><img src="<%=path%>/heatconfig/images/user_icon01.png" />订单</a>
                <span class="mui-badge tip_newInfo">查看记录</span>
            </li>
            <li class="mui-table-view-cell mui-collapse mui-active">
                <a class="mui-navigate-right" href="#"><img src="<%=path%>/heatconfig/images/user_icon02.png" />我的评价</a>
                <c:forEach items="${requestScope.orderComments}" var="orderComment" varStatus="i">
                <ul class="mui-table-view user_sub_list" style="border:1px #222222 solid;">
                        <li>订单编号：${orderComment.repairOrder.number}</li>
                        <li>评价人：${orderComment.userinfo.userName}</li>
                        <li>评价内容：${orderComment.comment}</li>
                        <li>评分：${orderComment.score}</li>
                </ul>
                </c:forEach>
            </li>
            <li class="mui-table-view-cell mui-collapse mui-active">
                <a class="mui-navigate-right" href="#"><img src="<%=path%>/heatconfig/images/user_icon02.png" />负责地区</a>
                <c:forEach items="${requestScope.controlRegions}" var="controlRegion" varStatus="i">
                    <ul class="mui-table-view user_sub_list" style="border:1px #222222 solid;">
                        <li>小区地址：${controlRegion.community.detailedAddress}</li>

                    </ul>
                </c:forEach>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="#"><img src="<%=path%>/heatconfig/images/dizhi.png" />地址管理</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="#"><img src="<%=path%>/heatconfig/images/dianhua.png" />联系电话</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="#"><img src="<%=path%>/heatconfig/images/fapiao.png" />电子发票</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="#"><img src="<%=path%>/heatconfig/images/yichang.png" />功能异常反馈</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="#"><img src="<%=path%>/heatconfig/images/user_icon04.png" />用户设置</a>
            </li>
        </ul>
        <!-- 菜单列表 end-->

        <!-- 底部信息-->
        <div class="footer_box">
            <div class="footer_txt">
                <p>主办单位：青岛华电集团</p>
                <p>备案号：鲁Bwanmait</p>
            </div>
        </div>
    </div>

    <!-- 底部tabbar    start -->
    <nav class="mui-bar mui-bar-tab tabbar-bottom">
        <a class="mui-tab-item" onclick="window.location.href='index.html'">
            <span class="mui-icon"><img src="<%=path%>/heatconfig/images/nav_home.png" /></span>
            <span class="mui-tab-label">首页</span>
        </a>
        <a class="mui-tab-item" onclick="window.location.href='hudong.html'">
            <span class="mui-icon"><img src="<%=path%>/heatconfig/images/nav_hudong.png" /></span>
            <span class="mui-tab-label">订单进度</span>
        </a>
        <a class="mui-tab-item mui-active" href="javascript:;">
            <span class="mui-icon"><img src="<%=path%>/heatconfig/images/nav_user_on.png" /></span>
            <span class="mui-tab-label">我的</span>
        </a>
    </nav>
    <!-- 底部tabbar    end -->
    <script type="text/javascript">
        mui.init();
    </script>
</div>
</body>
</html>

